{{! corresponding files: mainpage.php & mainpage.json }}

<!-- /* Sub Nav */ -->
<header class="page-header">
<div class="pure-u-1 pure-u-md-9-24">
<h4 class="page-title">{{copy_activity_title}}</h4>
<h5 class="page-subtitle">{{#last_login}}{{copy_subtitle}} {{last_login}}{{/last_login}}</h5>
</div><!--pure-->
<div class="pure-u-1 pure-u-md-15-24">
<ul class="inline-subnav">
	<li><a class="current" href="{{www_path}}/">{{copy_activity_subnav}}</a></li>
	<li><a href="{{www_path}}/elements/">{{copy_elements_subnav}}</a></li>
	<li><a href="{{www_path}}/page/">{{user_page_display_uri}}</a></li>
</ul>
</div><!--pure-->
</header>

<!--/* Activity */ -->
<div id="activity" class="pure-u-1">

	{{#show_commerce_settings}}
		<a href="{{www_path}}/commerce/" class="material notification alert"><p><span class="icon icon-warn"></span>{{copy_alert_commerce_settings}}</p></a>
	{{/show_commerce_settings}}

	{{#first_use}}
		<div class="alt callout"><div class="callout-inner">
			<h3>{{copy_firstuse_title}}</h3>
			<p>{{copy_firstuse_body_1}}</p>
				<p>{{copy_firstuse_body_2}}</p>
			<a class="page-editor button lightboxed" href="{{www_path}}/help/tour/">{{copy_launch_tour_link}}</a>
		</div><!--callout-inner--></div>
	{{/first_use}}

	{{#show_whatsnew}}
			<div class="alt callout"><div class="callout-inner">
				<h3>{{copy_whatsnew_title}}</h3><p>{{copy_whatsnew_body_1}} <a href='{{www_path}}/people/'>{{copy_whatsnew_lists}} </a> &amp; <a href='{{www_path}}/commerce/'>{{copy_whatsnew_sales}}</a>. {{copy_whatsnew_body_2}}
					<p>{{copy_whatsnew_body_3}} </p>
					<p>{{copy_whatsnew_tour_body}}	<a class="page-editor lightboxed" href="{{www_path}}/help/tour/">{{copy_tour_link}}</a>.</p>
							<p>{{copy_whatsnew_body_4}} </p>
			</div><!--callout-inner--></div>
	{{/show_whatsnew}}

<!-- /* Any Activity? */ -->
{{^nothing_at_all}}

	<!--div class="material">
		<div class="pure-u-1 pure-u-md-1-2">
	<div class="inner"><h5>Total embed views <span class="fadedtext">(last 7 days)<span></h5><h4 class="number"><div class="icon icon-lg-arw"></div> 200{{total}}</h4></div>
			</div>
			<div class="pure-u-1 pure-u-md-1-2 r-box vertical-breaker">
				<div class="inner">
				<h5>Embed Popularity</h5>
				<ul>
					<li><a href="{{www_path}}/elements/edit/{{id}}"><span class="number">+80</span> Embed name{{embed_name}}</a></li>
					<li><a href="{{www_path}}/elements/edit/{{id}}"><span class="number">+80</span> Embed name{{embed_name}}</a></li>
					<li><a href="{{www_path}}/elements/edit/{{id}}"><span class="number">+80</span> Embed name{{embed_name}}</a></li>
				</ul>
			</div>
		</div>
	</div-->

	<!-- /* Orders Snapshot */ -->
	<!--{{#delta_orders}}-->
	<!--div class="callout newsfeed commerce"><span class="details"><strong><div class="icon icon-cart"></div>New order{{^dashboard_orders_singular}}s{{/dashboard_orders_singular}}!</strong> There {{#dashboard_orders_singular}}is{{/dashboard_orders_singular}}{{^dashboard_orders_singular}}are{{/dashboard_orders_singular}} <strong>{{dashboard_orders}}</strong> new order{{^dashboard_orders_singular}}s{{/dashboard_orders_singular}}.</span><span class="action"><a href="{{www_path}}/commerce/"><div class="icon icon-search"></div>All new orders</a></span><div class="newsimage" style=""></div></div>-->

	<!--div class="material usecolor4">
		<div class="initial">
		<div class="pure-u-1 pure-u-md-1-2">
			<div class="inner"><h5>New orders since {{last_login}}</h5><h4 class="number">{{delta_orders}}</h4></div></div>
		<div class="pure-u-1 pure-u-md-1-2 vertical-breaker">
			<div class="inner"><h5>Total unfulfilled orders</h5><h4 class="number">{{unfulfilled_orders}}</h4></div></div>

			div class="pure-u-1 pure-u-md-1-4 vertical-breaker"><div class="inner"><h5>Total amount earned</h5><h4 class="number">$300.00</h4></div></div>
			<div class="pure-u-1 pure-u-md-1-4"><a href="{{www_path}}/commerce/" class="alt-button feed">All new orders</a></div></div>
	</div-->

	<!--a class="pure-u-1 notification material usecolor4" href="{{www_path}}/commerce/items/"><p><span class="icon icon-card"></span><strong>Sellin’ like hotcakes!</strong> - You've recieved <span class="number">8</span> orders of <strong>‘My album’</strong> in the last week, it's your best selling item.</p><div class="notification-marker icon icon-chevron"></div></a-->
	<!--{{/delta_orders}}-->

	<!-- /* People Snapshot */ -->

		<!--div class="callout newsfeed people"><span class="details"><strong><div class="icon icon-list"></div>{{name}}:</strong> There {{#singular}}is{{/singular}}{{^singular}}are{{/singular}} <strong>{{total}}</strong> new {{#singular}}person{{/singular}}{{^singular}}people{{/singular}} on this list.</span> <span class="action"><a href="{{www_path}}/people/lists/view/{{list_id}}"><div class="icon icon-search"></div>View</a><a href="{{www_path}}/people/lists/export/{{list_id}}" class="noajax"><div class="icon icon-dwnld"></div>Export</a></span><div class="newsimage" style=""></div></div -->
	<!--div class="material usecolor3">
			<div class="initial">
				<div class="pure-u-1 pure-u-md-1-4">
					<div class="inner"><h5>{{copy_total_new_subscribers}}</h5><h4 class="number"><div class="icon icon-lg-arw"></div> 200</h4></div>
				</div>
				<div class="pure-u-1 pure-u-md-1-3 vertical-breaker">
						<h5>List growth <span>(last 7 days)</span></h5>
								<div class="graph sml bar-chart">
									<div class="values">
										<div class="y-axis pure-u-1-12">
											<h6>100</h6>
											<h6>50</h6>
											<h6>0</h6>
										</div>
											<div class="value pure-u-1-12"><span class="bar"></span></div>
											<div class="value pure-u-1-12"><span class="bar"></span></div>
											<div class="value pure-u-1-12"><span class="bar"></span></div>
											<div class="value pure-u-1-12"><span class="bar"></span></div>
											<div class="value pure-u-1-12"><span class="bar"></span></div>
											<div class="value pure-u-1-12"><span class="bar"></span></div>
											<div class="value pure-u-1-12"><span class="bar"></span></div>
										</div>

										<div class="x-axis pure-u-1">
											<h6 class="pure-u-1-12"></h6>
											<h6 class="pure-u-1-12">M</h6>
											<h6 class="pure-u-1-12">T</h6>
											<h6 class="pure-u-1-12">W</h6>
											<h6 class="pure-u-1-12">T</h6>
											<h6 class="pure-u-1-12">F</h6>
											<h6 class="pure-u-1-12">S</h6>
											<h6 class="pure-u-1-12">S</h6>
										</div>

								</div>
							</div-->

				<!--div class="pure-u-1 pure-u-md-1-4 r-box vertical-breaker">
					<div class="inner"><h5>List Popularity</h5>
					<ul>
						{{#all_lists}}
						<li><a href="{{www_path}}/people/lists/view/{{id}}"><span class="number">{{analytics_active}}</span>{{name}} </a>
							<p>{{analytics_last_week}} in the last week</p>
						</li>
						{{/all_lists}}
				</div></div>

				<a href="{{www_path}}/people/" class="alt-button feed">View mailing lists</a>
		</div><!--initial-->

		<!--div class="pure-u-1">
			<div class="additional">
				<p>The largest group of your fans are from <strong>Portland, OR</strong> in the <strong>United States</strong>.</p>
				<a class="display" href="/">Find out more</a>
				<div class="expanded">
					<div class="pure-u-1 pure-u-md-1-3">
						<div class="inner">map it up!</div>
					</div>
					<div class="pure-u-1 pure-u-md-1-3">
						<div class="inner">
							<h5>Top Countries</h5>
							<ol>
								<li>United States - <span class="number">7983</span></li>
								<li>South Korea - <span class="number">7983</span></li>
								<li>Nigeria - <span class="number">7983</span></li>
								<li>United Kingdom - <span class="number">7983</span></li>
								<li>United Kingdom - <span class="number">7983</span></li>
							</ol>
						</div>
					</div>
					<div class="pure-u-1 pure-u-md-1-3">
						<div class="inner">
							<h5>Top Cities</h5>
							<ol>
								<li>United States - <span class="number">7983</span></li>
								<li>South Korea - <span class="number">7983</span></li>
								<li>Nigeria - <span class="number">7983</span></li>
								<li>United Kingdom - <span class="number">7983</span></li>
								<li>United Kingdom - <span class="number">7983</span></li>
							</ol>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div-->

<!-- /* Orders */ -->

{{#delta_orders}}
	<a class="pure-u-1 notification material usecolor4" href="{{www_path}}/commerce/filter/week"><p><span class="icon icon-card"></span>{{copy_delta_orders_1}} <span class="number">{{delta_orders}}</span> {{copy_delta_new_order}}{{^delta_orders_singular}}{{copy_delta_new_orders}}{{/delta_orders_singular}} {{copy_delta_orders_2}}</p><div class="notification-marker icon icon-chevron"></div></a>
{{/delta_orders}}

<!-- /* Lists */ -->

{{#delta_lists}}
	<a class="pure-u-1 notification material usecolor3" href="{{www_path}}/people/lists/view/{{list_id}}"><p><span class="icon icon-group"></span><span class="number">{{total}}</span>	{{#singular}}{{copy_delta_new_list_person}}{{/singular}}{{^singular}}{{copy_delta_new_list_people}}{{/singular}} {{copy_delta_new_list_1}} <strong>{{name}}</strong> {{copy_delta_new_list_2}}</p><div class="notification-marker icon icon-chevron"></div></a>
{{/delta_lists}}

<!-- /* Unfulfilled Orders */ -->

{{#unfulfilled_orders}}
	<a class="pure-u-1 notification material usecolor4" href="{{www_path}}/commerce/"><p><span class="icon icon-card"></span>{{copy_unfulfilled_orders_1}} <span class="number">{{unfulfilled_orders}}</span> {{copy_unfulfilled_orders_2}}</p><div class="notification-marker icon icon-chevron"></div></a>
{{/unfulfilled_orders}}

 <!--{{#all_lists}}
		 <a class="pure-u-1 notification material usecolor5" href="{{www_path}}/commerce/items/"><p><span class="icon icon-calendar"></span>Your next show is in <strong>Los Angeles</strong> at <strong>Echoplex, tomorrow night!</strong>  -  Remind your followers on <strong>Twitter</strong>.</p><div class="notification-marker icon icon-chevron"></div></a>{{/all_lists}}-->
	<!-- /* Tourdates Snapshot */ -->
	<!--a class="pure-u-1 notification material usecolor5" href="{{www_path}}/commerce/items/"><p><span class="icon icon-calendar"></span>Your next show is in <strong>Los Angeles</strong> at <strong>Echoplex, tomorrow night!</strong>  -  Remind your followers on <strong>Twitter</strong>.</p><div class="notification-marker icon icon-chevron"></div></a-->

	<!--a class="pure-u-1 notification material usecolor5" href="{{www_path}}/commerce/items/"><p><span class="icon icon-card"></span>Your next show is a week away in <strong>Los Angeles</strong> at <strong>Echoplex</strong>, on <strong>13th January</strong>   -  Remind fans on your <strong>mailing lists</strong>.</p><div class="notification-marker icon icon-chevron"></div></a-->

{{/nothing_at_all}}

<!-- /* No Activity :( */ -->
{{#nothing_at_all}}
	<div class="empty">
		<p>{{copy_blank_body}} <a href="{{www_path}}/elements/">{{copy_blank_link}}</a></p>
	</div><!-- empty -->

{{/nothing_at_all}}

</div><!--activity-->
